<style>
  @import '../../assets/css/order.css';
</style>
<template>
<div class="m-content">
	<AppHeader></AppHeader>
		<div class="warp f-cb" style="min-height:700px;">
			<table class="m-table-content">
				<tr>
					<th>订单号</th>
					<th>有无消息</th>
					<th>操作</th>
				</tr>

				<tr v-for="list in list">
					<td>{{ list.id }}</td>
					<td v-if="list.status==0">有消息未读</td>
					<td v-else>暂无新消息</td>
					<td><span v-if="list.address == '江苏'"><router-link :to="{ name: 'jsorderdetails', query: { id: list.id,status:'1'}}" class="t-btn">查看详情 →</router-link></span>
						<span v-else-if="list.address == '浙江'"><router-link :to="{ name: 'zjorderdetails', query: { id: list.id,status:'1'}}" class="t-btn">查看详情 →</router-link></span>
						<span v-else-if="list.address == '上海'"><router-link :to="{ name: 'shorderdetails', query: { id: list.id,status:'1'}}" class="t-btn">查看详情 →</router-link></span>
						<span v-else ><router-link :to="{ name: 'orderdetails', query: { id: list.id,status:'1' }}" class="t-btn">查看详情 →</router-link></span></td>
				</tr>							
			</table>
		</div>
	<Footer></Footer>	
</div>	
</template>
<style>
	.m-ncontent{
		font-size:16px;
		line-height:25px;
		margin:40px 0px
	}
</style>
<script>
	import Vue from 'vue';
	import { Message } from 'element-ui';
	import AppHeader from '@/components/Header';
	import Footer from '@/components/Footer';	
	export default {
		name: 'notice',
		components: {
		  AppHeader,
		  Footer, 
		},
		data () {
			return {
			  'list':[],
			  index :'0',	
			}
		},
		created:function(){
			var that = this;
			var id = that.$route.query.id;
			that.axios.get('/yan-web/volunteers/message/list',{
			    headers: {
			          'Content-type': 'application/json;charset=UTF-8'
			    }
			})
			.then(function (response) {
				if(response.data.status){
					that.list = response.data.model
				}
			})	
		},
	}	
</script>
